.moreMenu {
    float: left;
    width: 30px;
    height: 36px;
    cursor: pointer
}

.userInfotopimg {
    width: 150px;
    height: 12px;
    background: url(../../images/person_bg_top.png) no-repeat
}

.userInfoendimg {
    width: 150px;
    height: 12px;
    background: url(../../images/person_bg_bottom.png) no-repeat
}

.userInfo {
    height: 120px;
    background: url(../../images/person_bg_middle.png) repeat-y
}

.moreMenutopImg {
    height: 14px;
    background: url(../../images/nav_bg_top.png)
}

.moreMenuendImg {
    height: 12px;
    background: url(../../images/nav_bg_bottom.png);
    margin-left: -1px
}

#moreMenus {
    background: url(../../images/nav_bg_middle.png) repeat-y
}

.horizontal_menu {
    width: 100%;
    min-width: 660px;
    height: 51px;
    box-sizing: border-box;
    position: relative;
    background-color: #f5f5f5
}

.homepage_log {
    position: absolute;
    width: 180px;
    height: 51px;
    line-height: 51px;
    padding-left: 10px;
    left: 0;
    box-sizing: border-box;
    font-size: 1.5pc
}

.homepage_info {
    position: absolute;
    width: 378px;
    height: 100%;
    right: 0;
    top: 0
}

.homepage_info > div {
    display: table;
    width: 100%
}

.homepage_info > div > div {
    display: table-cell;
    vertical-align: middle;
    height: 51px;
    padding-left: 5px;
    padding-right: 5px
}

.outSystem {
    font-size: 14px;
    color: #666
}

.outSystem img {
    vertical-align: sub;
    width: 14px;
    height: 14px;
    margin-right: 5px
}

#loginUser {
    cursor: pointer
}

#loginUserImg01 {
    width: 16px;
    height: 16px;
    vertical-align: baseline;
    margin-right: 3px
}

.loginUser_in {
    display: inline-block
}

#userInfoPlan {
    top: 40px;
    width: 150px;
    position: absolute;
    z-index: 999;
    line-height: 20px
}

#reHelpTip_div {
    color: #2a3542;
    cursor: pointer
}

#mgContainer {
    cursor: pointer;
    position: relative
}

.mgContainer_imgnote {
    vertical-align: middle
}

#li_mg {
    color: #2a3542;
    display: inline-block
}

.homepage_menu {
    position: relative;
    padding-left: 180px;
    padding-right: 378px;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    min-width: 610px;
    font-size: 14px
}

.homepage_menu > div {
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    line-height: 51px;
    padding: 0 10px 0 10px;
    cursor: pointer;
    position: relative
}

.item_menu {
    font-size: 14px;
    color: #000;
    position: relative;
    font-family: "Microsoft YaHei";
}
.item_menu>span{
    color: #000;
}

.item_menu:before {
    margin-right: 8px;
    font-family: "menuIcon";
    font-size: 16px;
    vertical-align: middle;
}


.item_menu:hover,.item_menu:hover>span{
    color: #FD5E51;
}


.item_menu:hover:after {
    height: 2px;

}

.item_menu:hover:before {
    height: 2px;
    color: #FD5E51;
}
.item_menu:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    background-color: #FD5E51;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    position: absolute;
    top:0px;
    left: 0px;
}

.item_menu.active,.item_menu.active>span{
    color: #FD5E51
}
.item_menu.active:before{
    color: #FD5E51
}

.item_menu.active:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #FD5E51;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.item_menu img {
    vertical-align: -4px;
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.item_more {
    color: #999;
    line-height: 33px !important;
    font-size: 30px;
}

.item_more:hover {
    color: #FD5E51
}

.more_menu_con {
    text-align: left;
    width: 300px;
    margin-top: 44px;
    border: 1px solid #ccc;
    position: absolute;
    display: inline-block;
    z-index: 9999;
    left: -50%;
    border-radius: 6px;
    background-color: white;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    padding: 10px;
    padding-right: 0
}

.more_menucon {
    width: 100%;
    max-height: 400px;
    overflow: auto
}

.more_menu_con:before {
    content: url(../../images/cycd_arrow.png);
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -11px;
    left: 38px
}

.more_menu_con .item_menu {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    cursor: pointer
}

.menu {
    height: 40px;
    width: 100%;
    margin-left: 0;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    font-family: 微软雅黑;
    color: #c5c8cb
}

.mouseIn {
    background-color: #424e5b
}

.mouseIn div {
    font-family: 微软雅黑;
    font-size: 14px;
    color: #fff
}

.menuleft_text {
    line-height: 40px;
    color: #c5c8cb;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding-left: 5px
}
.menuleft_text:before{
    content: url("../../images/grey_1.png");
    position: relative;
    top: 5px;
}
.menuleft_text:hover{

}

.menu_tl {
    width: 300px;
    background-color: #424e5c;
    position: absolute;
    top: 0;
    display: none;
    z-index: 9999;
    right: -300px
}

.mtlb {
    width: 100%
}

.positionClass {
    height: 35px;
    width: 100%
}

.menuNames {
    font-family: 微软雅黑;
    font-size: 14px;
    color: #c5c8cb;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    line-height: 35px
}

.spanClass {
    color: #fff
}

.na {
    position: absolute;
    width: 8px;
    height: 14px;
    display: none;
    background: url(../../images/navsced_arrow.png) top right no-repeat
}

.leftMenu {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.cycd {
    box-sizing: border-box;
    border-right: solid 1px grey;
    height: 30px;
    width: 100%;
    background-color: #50585e;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cycd_border {
    border-right: 0;
    width: 100%
}

.cycdcolor {
    background-color: #424e5c
}

.cycd-img {
    height: 18px;
    width: 18px;
    float: left;
    background: url(../../images/menu_more.png) no-repeat;
    margin: 6px 0 0 6px
}

.cycd-img-hover {
    background: url(../../images/menu_more.png) no-repeat
}

.cycd-img2 {
    margin-top: 5px;
    margin-left: 10px
}

.cycd-text {
    width: 70px;
    height: 30px;
    font-family: 微软雅黑;
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #f1f2f7
}

.twoMenu {
    width: 100%;
    background-color: #2b3843;
    overflow-y: auto;
    overflow-x: hidden
}

.menuThreeLevel_top {
    height: 40px;
    width: 100%;
    margin-top: 18px;
    text-align: center
}

.menuThreeLevel_top1 {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.menuThreeLevel_top_img {
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 100px
}

.closeMenu {
    width: 28px;
    height: 16px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
    margin-right: 10px;
    background: url(../../images/navsced_btn_shouhui.png) top right no-repeat
}

.clickMenuName {
    width: 240px;
    height: 30px;
    font-family: 微软雅黑;
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #f1f2f7;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.gztClick {
    color: black;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #f0f2f7
}

.divoverClass {
    background-color: #fd5e51;
    color: #fff
}

.divoverClass span {
    color: #fff
}

.threeMenuImg1 {
    background: url(../../images/navcomm.png) no-repeat !important
}

.threeMenuImg {
    float: left;
    margin-left: 16px;
    width: 12px;
    height: 12px;
    margin-top: 11px;
    background: url(../../images/navdeep.png) top right no-repeat
}

.hr_warm {
    height: 1px;
    border: 0;
    border-top: 1px dashed #8e959d
}

.csi_m_a {
    width: 80px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
    background: url(../../images/add-normal.png) no-repeat
}

.csi_m_a:hover {
    background: url(../../images/add-pressed.png) no-repeat
}

.nextMenuImg {
    float: left;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    margin-top: 11px;
    background: url(../../images/navdeep.png) top right no-repeat
}

.nextMenu {
    position: absolute;
    background-color: #54647a;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    color: white
}

.nextMenuLevel {
    float: left;
    margin-left: 6px;
    height: 100%;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.haveNextMenu {
    width: 10px;
    height: 16px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background: url(../../images/menu_next.png) top right no-repeat
}

.controlMenu {
    cursor: pointer;
    position: absolute;
    right: 13px;
    width: 0;
    height: 0;
    bottom: 0;
    z-index: 999;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s
}

.controlMenu.show {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #fff
}

.controlMenu.hide {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff
}

ul {
    list-style-type: none
}

.center_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    width: 100%
}

.menuBody {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    height: 100%;
    z-index: 999
}

#csi_index_tab_iframe {
    box-sizing: border-box;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-left: 180px;
    z-index: 0
}

#menuDragBar {
    height: 100%;
    width: 8px;
    cursor: w-resize;
    position: absolute;
    top: 0;
    left: 173px;
    z-index: 111;
    background-color: #2b3843;
    opacity: 0;
    filter: alpha(style=0, opacity=0)
}

.csi_index_tabs {
    height: 30px;
    background-color: #50585e;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #f1f2f7
}

.csi_index_gzt {
    height: 30px;
    width: 60px;
    text-align: center;
    padding: 8px 12px 0 12px;
    cursor: pointer;
    font-size: 14px
}

#csi_indexTabs {
    height: 30px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    padding: 0
}

#csi_indexTabs li.csi_index_menuTab_noact {
    background: url(../../images/tab_spacingline.png) top right no-repeat
}

.csi_index_menuTab_act a {
    display: inline-block;
    height: 11px;
    width: 11px;
    margin: 4px 6px 0 10px;
    background-image: url(../../images/tab_close_pressed.png)
}

.csi_index_menuTab_noact a {
    display: inline-block;
    height: 11px;
    width: 11px;
    margin: 4px 6px 0 10px;
    background-image: url(../../images/tab_colse_normal.png)
}

#csi_indexTabs div.csi_index_tab {
    height: 22px;
    margin-top: 4px;
    float: left;
    padding: 4px 0 0 12px
}

#csi_indexTabs div.index_tab_text {
    height: 22px;
    float: left;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.csi_index_menuTab {
    float: left;
    margin: 0;
    cursor: pointer
}

.csi_index_menuTab_act .csi_index_tab {
    color: black;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #f5f5f5
}

.csi_index_icon {
    display: inline-block;
    height: 28px;
    width: 32px;
    cursor: pointer;
    padding: 0
}

.csi_index_tab_div {
    width: 100%;
    height: 100%;
    padding-bottom: 4px;
    background: url(../../images/tab_btn_more.png) center no-repeat
}

.list-li-close {
    position: relative;
    width: 20px;
    height: 25px;
    display: none;
    float: right;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 25px
}

.csi_index_tab_list {
    width: 150px;
    position: absolute;
    display: none;
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: #CCC 1px 2px 5px 0;
    font-family: 'Microsoft Yahei', verdana;
    font-size: 12px;
    margin-top: 5px;
    padding-left: 0;
    z-index: 9
}

.csi_index_tab_list li {
    margin-left: 0;
    width: 150px;
    height: 25px;
    cursor: pointer;
    list-style-type: none
}

.csi_index_tab_list li span {
    width: 100px;
    margin-left: 25px;
    display: block;
    float: left;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.csi_index_tab_list li:hover span {
    color: #fff
}

.csi_index_tab_list li:hover .list-li-close {
    display: block
}

.csi_index_tab_list li:hover {
    background: #0fcbaa
}

.csi_close_all {
    background: url(../../images/tab_close_pressed.png) 6px center no-repeat;
    height: 30px;
    border-bottom: 1px solid #ddd
}

.left input {
    width: 110px
}

#mainFrameBox {
    width: 100%
}

#mainFrameBox iframe {
    height: 100%
}

.pos-now { /*background:url("../images/yuan.png") 0 center no-repeat*/
}

.pos-now:hover { /*background:url("../images/yuan-w.png") 0 center no-repeat*/
}

.position_menu {
    position: absolute;
    z-index: 5;
    width: auto;
    height: auto;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 1px #888;
    display: none
}

.position_menu li {
    height: 26px;
    padding: 0 10px;
    cursor: pointer
}

.position_menu li:hover {
    background-color: #d1e4f5
}

.position_menu li span {
    display: block;
    width: auto;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    padding-left: 15px
}

.used_menu {
    position: absolute;
    z-index: 5;
    width: 178px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 1px #888;
    top: 35px;
    left: -58px;
    display: none
}

.used_menu_arrow {
    position: absolute;
    z-index: 5;
    width: 22px;
    height: 12px;
    background: url(../../images/cycd_arrow.png) no-repeat;
    top: -12px;
    left: 82px
}

.used_menu_ul {
    width: 180px;
    padding: 5px 0
}

.used_menu_ul > li {
    list-style: none;
    height: 26px;
    width: 178px;
    cursor: pointer
}

.used_menu_ul > li:hover {
    background-color: #d1e4f5
}

.used_menu_img {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 5px 12px;
    float: left
}

.used_menu_img img {
    width: 100%;
    height: 100%
}

.used_menu_name {
    float: left;
    height: 26px;
    line-height: 26px;
    font-family: 'Microsoft Yahei', verdana;
    font-size: 12px
}